/*
 * Rule Order:
 * display
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * overflow
 * list-style
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 */
 
/*******************************************************************************
  Imported StyleSheets
*******************************************************************************/
@import 'basic.css';

/*******************************************************************************
  Main Structure
*******************************************************************************/

body {
   background : #ECECEC;
   color      : #333333;
   font-size  : 100%;
}

#page {
   background : #FFFFFF;
   font-size  : 0.75em
}

#header {
   position    : relative;
   padding     : 20px;
   background  : url('../img/header.png') repeat-x;
   font-weight : bold;
}

#app_name {
   color       : #FFFFFF;
   font-size   : 200%;
   font-weight : bold;
}

#who {
   position    : absolute;
   right       : 10px;
   top         : 10px;
   color       : #F0F0F0;
   font-weight : normal;
}

#who a {
   color       : #F0F0F0;
   font-weight : bold;
}

h1 {
   padding       : 10px 10px 10px 15px;
   border-bottom : 1px solid #C0C0C0;
   background    : #ECECEC;
   color         : #333333;
   font-size     : 1.75em;
}

#sidebar {
   float   : left;
   width   : 200px;
   margin  : 20px 0 20px 20px;
}

#content {
   padding  : 20px;
   overflow : hidden;
}

#footer {
    padding    : 15px;
    clear      : both;
    border-top : 1px solid #C0C0C0;
    background : #ECECEC;
    color      : #333333;
}


/*******************************************************************************
  Exceptions
*******************************************************************************/

#exception {
   float      : left;
   margin     : 0 auto;
   padding    : 20px 20px 10px 20px;
   border     : 1px solid #880000;
   background : #FFDDDD;
}

#exception p {
   margin-bottom:1em;
}

#exception table td {
    border         : 0px;
    background     : #FFDDDD;
    vertical-align : top;
}

#exception table td.label {
   text-align : right;
}

#exception table td.trace {
   font-family : Courier New;
}


#exception table td.debug {
   padding:0;
}


/*******************************************************************************
  Navigation Bar
*******************************************************************************/

#nav {
   position   : relative;
   background : #4081B7;
   border     : 1px solid #00598B;
}

#nav ul {
   display      : block;
   position     : relative;
   float        : left;
   height       : 2.8em;
   list-style   : none;
   border-right : 1px solid #80B1D6;
   z-index      : 2;
}

#nav li {
   display : inline;
}

#nav li a {
   display         : block;
   float           : left;
   height          : 1.22em;
   padding         : 0.75em 10px 0.75em 32px;
   border-bottom   : none;
   border-left     : 1px solid #80B1D6;
   border-top      : 1px solid #80B1D6;
   border-right    : 1px solid #00598B;
   text-decoration : none;
   color           : #FFFFFF;
}
	
#nav li a:hover {
   color            : #FFFFFF;
   background-color : #74A8DC;
}
	
#nav li a.active {
   color : #FFFFFF;
}

#nav li a img {
   border : none;
   float  : left;
}

#nav_overview {
   background : 10px center url('../img/layout.png') no-repeat;
}

#nav_tickets {
   background : 10px center url('../img/ticket.png') no-repeat;
}

#nav_milestones {
   background : 10px center url('../img/milestone.png') no-repeat;
}

#nav_reports {
   background : 10px center url('../img/report.png') no-repeat;
}

#nav_admin {
   background : 10px center url('../img/admin.png') no-repeat;
}

#frm_quick_search {
   position   : absolute;
   top        : 0;
   right      : 0;
   width      : 70%;
   border-top : 1px solid #80B1D6;
   z-index    : 0;
}

#frm_quick_search div {
   float      : right;
   width      : 215px;
   margin-top : 5px;
   padding    : 1px 0 2px 35px;
   background : 0 center url('../img/quick_search.png') no-repeat;
}

#frm_quick_search input {
   width       : 175px;
   margin      : 0;
   border      : 0;
   color       : #666666;
   font-weight : normal;
}

#frm_quick_search button {
   float        : right;
   width        : 27px;
   height       : 20px;
   margin-right : 4px 0 0;
   border       : 0;
   background   : transparent;
   cursor       : pointer;
}


/*******************************************************************************
  Flash Messages
*******************************************************************************/

#flashes p {
   padding       : 10px 10px 10px 35px;
   margin-bottom : 20px;
   border        : 1px solid;
}

#flashes p.message {
   border-color : #C0C0C0;
   background   : #F7F7F7 10px center url('../img/bullet_blue.png') no-repeat;
}

#flashes p.success {
   border-color : #008800;
   background   : #DDFFDD 10px center url('../img/tick.png') no-repeat;
}

#flashes p.warning {
   border-color : #FFFF00;
   background   : #FFFFCC 10px center url('../img/warn.png') no-repeat;
}

#flashes p.error {
   border-color : #FF0000;
   background   : #FFDDDD 10px center url('../img/error.png') no-repeat;
}

/*******************************************************************************
  General
*******************************************************************************/

a {
   color:#0085CA;
}

p {
   margin-bottom : 20px;
}

.error_text {
   color:#ff0000;

}

div.panel {
   padding:1px 15px 10px 15px;
   margin-bottom:10px;
}

div.panel h4 {
   background : #4081B7;
   color:#ffffff;
   font-weight:bold;
   margin:0 -14px 10px -14px;
   padding: 5px 10px 5px 10px;
}

div.action_bar {
   margin-bottom : 1em;
}

div.action_bar a {
   margin-right : 0.5em;
   padding      : 5px 1em 5px 1em;
}

/*div.action_bar a:hover {
   border:1px solid #ffff00 !important;
   background-color:#74A8DC !important;
   color:#ffffff;
}*/

div.action_bar a.add {
   background   : 7px center url('../img/add.png') no-repeat;
   padding-left : 30px;
}

div.action_bar a.edit {
   background   : 7px center url('../img/edit.png') no-repeat;
   padding-left : 30px;
}

div.action_bar a.delete {
   background   : 7px center url('../img/delete.png') no-repeat;
   padding-left : 30px;
}

div.action_bar a.export {
   background   : 7px center url('../img/export.png') no-repeat;
   padding-left : 30px;
}

div.action_bar a.user {
   background   : 7px center url('../img/user.png') no-repeat;
   padding-left : 30px;
}

div.action_bar a.date {
   background   : 7px center url('../img/calendar.png') no-repeat;
   padding-left : 30px;
}

div.action_bar a.attachment {
   background   : 7px center url('../img/attachment.png') no-repeat;
   padding-left : 30px;
}

div.action_bar a.history {
   background   : 7px center url('../img/clock.png') no-repeat;
   padding-left : 30px;
}

div.action_bar a.back {
   background   : 7px center url('../img/back.png') no-repeat;
   padding-left : 30px;
}

div.action_bar a.ticket_status {
   background   : 7px center url('../img/status.png') no-repeat;
   padding-left : 30px;
}

div.action_bar a.ticket_type {
   background   : 7px center url('../img/type.png') no-repeat;
   padding-left : 30px;
}

div.action_bar a.ticket_priority {
   background   : 7px center url('../img/priority.png') no-repeat;
   padding-left : 30px;
}

div.action_bar a.ticket_severity {
   background   : 7px center url('../img/severity.png') no-repeat;
   padding-left : 30px;
}

div.action_bar a.assigned_to {
   background   : 7px center url('../img/user.png') no-repeat;
   padding-left : 30px;
}

div.action_bar a.selected {
   border           : 1px solid #c0c0c0;
   background-color : #ECECEC;
   color:#333333;
}

/*******************************************************************************
  Forms
*******************************************************************************/

form fieldset {
   float         : left;
   padding-right : 10em;
}

form div {
   float  : none;
   width  : auto;
   clear  : auto;
}

form div p.rules {
   margin : 3px 0 0 0;
}

form div p.readonly {
   margin-top : 3px;
   padding    : 2px;
   border     : 1px solid #7F9DB9;
}

label {
	display       : block;
   float         : none;
	width         : auto;
	padding-right : 0;
   text-align    : left;
   color         : #494949;
   font-weight   : bold;
}

input {
	margin-top : 3px;
}

input, form div p.readonly {
   width : 20em;
}

select {
	margin : 3px 0 3px 0;
}

/* buttons */
form div.button_bar {
   clear : both;
   width : 100%;
}

form div.button_bar button {
   margin-right : 0.5em;
}

/* radio button options */
form div.option {
   float        : left;
   margin-right : 15px;
   clear        : none;
}

form div.option label {
   font-weight : normal;
}

form div.option input {
   width : auto;
}

div.group {
   float  : left;
   clear  : none;
   margin : 0 3em 0 0;
}


/*******************************************************************************
  Tables
*******************************************************************************/

th {
    background: url('../img/table_header.png') repeat-x;
    color:#FFFFFF;
}

tr.datanav th {
   background  : #FFFFFF;
   color       : #000000;
   border      : 0;
   font-weight : normal;
}

tr.headers th a {
    color:#FFFFFF;
}

td.view,
td.edit,
td.delete {
    padding-left  : 0;
    padding-right : 0;
    text-align    : center;
}

td.view a,
td.edit a,
td.delete a {
	display : block;
	height  : 17px;
	width   : 17px;
	margin  : auto;
}

td.view a {
	background: url('../img/view.png') no-repeat;
}

td.edit a {
	background: url('../img/edit.png') no-repeat;
}

td.delete a {
	background: url('../img/delete.png') no-repeat;
}


/*******************************************************************************
  Users
*******************************************************************************/

#frm_signin {
   width : 34em;
}

#frm_signin fieldset {
   float : none;
}

#frm_signin div.fail {
   float   : none;
   padding : 0.5em;
   margin  : auto auto 15px auto;
}

/*******************************************************************************
  Admin
*******************************************************************************/

#admin_nav {
   list-style : none;
}

#admin_nav li {
   padding : 6px;
}

#admin_nav li a{
   padding : 10px 5px 12px 35px;
}

#admin_projects {
   background : 10px center url('../img/project.png') no-repeat;
}

#admin_users {
   background : 10px center url('../img/user.png') no-repeat;
}

#admin_registry {
   background : 10px center url('../img/registry.png') no-repeat;
}

#admin_status {
   background : 10px center url('../img/status.png') no-repeat;
}

#admin_type {
   background : 10px center url('../img/type.png') no-repeat;
}

#admin_priority {
   background : 10px center url('../img/priority.png') no-repeat;
}

#admin_severity {
   background : 10px center url('../img/severity.png') no-repeat;
}

#admin_summary td {
   border     : 0;
   background : transparent;
}

#admin_summary tr.heading td {
   padding-top   : 1.75em;
   border-bottom : 1px solid #c0c0c0;
   font-weight   : bold;
}

#admin_summary tr.heading td.heading {
   padding-left : 35px;
}

#admin_summary tr.first td {
   padding-top : 0;
}

/*******************************************************************************
  Projects
*******************************************************************************/

#project_components {
   margin-right : 4em;
}

#project_components,
#project_milestones {
   float      : left;
   margin-top : 2em;
}

/*******************************************************************************
  Tickets
*******************************************************************************/

/* Browse */

#select_project {
   width : 20em;
}

#select_project span {
   float:right;
}

#frm_ticket_filter {
   margin-bottom : 1em;
}

#frm_ticket_filter fieldset {
   float   : none;
   padding : 10px 20px 10px 20px ;
}

#frm_ticket_filter fieldset div {
   float  : left;
   clear  : none;
   margin : 0 2em 0 0;
}

#frm_ticket_filter fieldset div.checkbox {
   margin-top : 1.5em;
}

#frm_ticket_filter fieldset div.checkbox input {
   float : left
}

#frm_ticket_filter fieldset div.checkbox label {
   float       : left;
   padding     : 2px 0 0 0.75em;
   font-weight : normal;
}

#frm_ticket_filter #basic,
#frm_ticket_filter #advanced {
   clear         : left;
   margin-bottom : 1em;
}

#frm_ticket_filter input {
   width : auto;
}

#frm_ticket_filter div.button_bar {
   margin : 0;
}


/* View */

#ticket_header {
   padding       : 1em;
   margin-bottom : 1em;
}

#ticket_header table {
   margin : 0 2em 0 0;
}

#ticket_header td {
   border          : 0;
   background      : transparent;
   vertical-align  :top;
}

#ticket_header td.label {
   padding-left        : 30px;
   background-position : 5px 0.4em;
   background-repeat   : no-repeat;
}

#ticket_header td.project {
   background-image : url('../img/project.png');
}

#ticket_header td.textfield {
   background-image : url('../img/textfield.png');
}

#ticket_header td.user {
   background-image : url('../img/user.png');
}

#ticket_header td.type {
   background-image : url('../img/type.png');
}

#ticket_header td.component {
   background-image : url('../img/component.png');
}

#ticket_header td.milestone {
   background-image : url('../img/milestone.png');
}

#ticket_header td.priority {
   background-image : url('../img/priority.png');
}

#ticket_header td.severity {
   background-image : url('../img/severity.png');
}

#ticket_header td.attachment {
   background-image : url('../img/attachment.png');
}

#attachments a {
   padding             : 2px 2px 2px 23px;
   margin-right        : 20px;
   background-position : 0 center ;
   background-repeat   : no-repeat;
}

#attachments td.delete a {
   margin  : auto !important;
   padding : 0 !important;
}

#attachments a.image {
   background-image : url('../img/file_image.png');
}

#attachments a.word {
   background-image : url('../img/file_word.png');
}

#attachments a.excel {
   background-image : url('../img/file_excel.png');
}

#attachments a.powerpoint {
   background-image : url('../img/file_powerpoint.png');
}

#attachments a.text {
   background-image : url('../img/file_text.png');
}

#attachments a.pdf {
   background-image : url('../img/file_pdf.png');
}

#attachments a.other {
   background-image : url('../img/file_other.png');
}

#attachments a.zip {
   background-image: url('../img/file_zip.png');
}

#frm_update_ticket {
   display       : inline-block;
   margin-bottom : 1em;
   padding       : 1em 1.5em 1em 1.5em;
}

#frm_update_ticket label {
   margin-bottom:2px;
}

#frm_update_ticket #comment_details {
   width:500px;
   height:80px;
}

#frm_update_ticket div.button_bar {
   margin:0;
}

.ticket_comment {
   margin-bottom : 1em;
   padding       : 1em !important;
}

.ticket_comment label span {
   display     : block;
   margin      : 3px 3px 3px 25px;
   color       : #666666;
   font-size   : 90%;
   font-weight : normal;
}

.ticket_comment p {
   margin-top : 0.75em;
}

.ticket_comment a.delete {
   float : right;
}

.ticket_comment a.delete img {
   border : 0;
}

#ticket_history div.bd {
}

#ticket_history h4 {
   border-bottom:1px solid #7F9DB9;
   margin-bottom:10px;
   padding-bottom:5px;
   margin-top:1.25em;
}

#ticket_history h4.first {
   margin-top:0;
}

#ticket_history p {
   margin: 0 0 5px 1em;
}

#ticket_history strong {
   width:4.5em;
}

#ticket_history p.indent {
   margin: 0 0 5px 3.85em;
}


/* Manage Attachments */

#frm_attachment h3 {
   font-size:1.1em;
   color:#494949;
   margin-bottom:0.5em;
}


/* Edit */

#frm_ticket #title {
   width : 45em;
}

#frm_ticket #details {
   width : 45em;
}

#project_list {
   margin-top : 1em;
}

#project_list td {
   padding : 1em;
   border  : 0;
}

#project_list td {
   border-bottom : 1px solid #c0c0c0;
   border-top    : 1px solid #c0c0c0;
}

#dashboard_filter {
   margin-top : 1.5em;
}

#dashboard_projects {
   list-style-type : none;
}

#dashboard_projects li {
   padding-top    : 0.5em;
   padding-bottom : 0.5em;
}

#dashboard_projects span {
   float : right;
}


/*******************************************************************************
  Reports
*******************************************************************************/

.col {
   width:20em;
   float:left;
   margin-right:20px;
}

.summary_report {
   margin-bottom:20px !important;
}

.summary_report ul {
   list-style-type:none;
}

.summary_report ul li {
   position:relative;
   border-bottom:1px dotted #c0c0c0;
   padding-top    : 0.25em;
   padding-bottom : 0.15em;
   margin-bottom  : 0.35em;
}

.summary_report ul li span {
   position:absolute;
   right:0;
}
